@import "index.less";
.Top_position {
  .mainsVw {
    background: url(../images/aboutUs_01.png) no-repeat center center / cover;
  }
}
#aboutUsHonour{
  .container{
    .aboutUsHonour_list {
      display: flex;
      flex-wrap: wrap;
      .aboutUsHonour_item {
        width: 24%;
        margin-right: 16px;
        margin-bottom: 20px;
        cursor: pointer;
        .img {
          width: 100%;
          overflow: hidden;
          transition: all 0.5s;
          img {
            transition: all 1.5s;
          }
        }
        .text {
          // background: #eeeeee;
          font-size: 14px;
          margin: 10px 0;
          @text_overflow_1();
          text-align: center;
          // display: flex;
          // align-items: center;
          // justify-content: center;
          &.active,
          &:hover {
            // background: #b9251f;
            color: @color;
          }
        }
        &:hover {
          img {
            transform: scale(1.1);
          }
          .text {
            color: @color;
          }
        }
        &:nth-child(4n){
          margin-right: 0;
        }
      }
    }
  }
}
@media screen and (max-width: 1370px){
  #aboutUsHonour {
    .container {
      .aboutUsHonour_list {
        flex-wrap: wrap;
        .aboutUsHonour_item {
          width: 23%;
          margin-bottom: 20px;
        }
      }
    }
  }
}
@media screen and (max-width: 850px) {
  #aboutUsHonour {
    .container {
      .aboutUsHonour_list {
        flex-wrap: wrap;
        justify-content: space-between;
        .aboutUsHonour_item {
          width: 49%;
          margin-right: 0;
          margin-bottom: 20px;

        }
      }
    }
  }
}
// @media screen and (max-width: 500px) {
//   #aboutUsHonour {
//     .container {
//       .aboutUsHonour_list {
//         flex-wrap: wrap;
//         justify-content: space-between;
//         .aboutUsHonour_item {
//           width: 100%;
//           margin-right: 0;
//           margin-bottom: 20px;

//         }
//       }
//     }
//   }
// }
